<template>
    <div class="left">
      <div class="main_origina_column" id="js_origina_column">
        <div ne-module="/news/index2016_rmd/modules/originacolumn/originacolumn.js">
          <div class="origina_column_warp">
            <h2>
              <span>新闻各有态度</span>
            </h2>
            <div class="scroll_bd ne-scrl-wrap ne-scrl-y" ne-role="scroll_bd">
              <div class="scroll_column_bd" style="overflow: hidden; height: auto;">
                <ul style="margin-top: 0;padding-left: 0;" class="scroll_ul">
                  <li class="cell cell_sd" style="padding-top: 0" >
                    <p class="tag_line">
                      <a href="https://data.163.com/special/datablog/" class="tags tag_sd">数读</a>
                    </p>
                    <div class="column_main">
                      <a href="https://www.163.com/data/article/GRR0UB09000181IU.html" class="detail" ne-role="detail">
                        <h3>
                          考研最卷的专业，我提名新传
                        </h3>
                        <div class="photo">
                          <img ne-lazy="loaded:true;effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1222/465506e4j00r4i6zv004hc0005k002ic.jpg?imageView&amp;thumbnail=200y90" width="200" height="90" alt="考研最卷的专业，我提名新传" src="https://cms-bucket.ws.126.net/2021/1222/465506e4j00r4i6zv004hc0005k002ic.jpg?imageView&amp;thumbnail=200y90&amp;type=webp" style="display: inline; opacity: 1;">
                        </div>
                      </a>
                      <ul style="padding-left: 0">
                        <li class=""><a href="" style="font-size: 2px">中国痔疮地图，川渝不是第一</a></li>
                        <li class="twoli "><a style="font-size: 2px" href="">选调生，中国最卷的公务员考试</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="cell cell_qsyk">
                    <p class="tag_line">
                      <span class="tags tag_qsyk">轻松一刻</span>
                    </p>
                    <div class="column_main">
                      <a href="" class="detail" ne-role="detail">
                        <h3>
                          年度大猎奇！村书记竟爱上了喷水机？
                        </h3>
                        <div class="photo">
                          <img ne-lazy="loaded:true;effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1227/0b7f1709p00r4s13k0026c0009c0070c.png?imageView&amp;thumbnail=200y90" width="200" height="90" alt="年度大猎奇！村书记竟爱上了喷水机？" src="https://cms-bucket.ws.126.net/2021/1227/0b7f1709p00r4s13k0026c0009c0070c.png?imageView&amp;thumbnail=200y90&amp;type=webp" style="display: inline; opacity: 1;">
                        </div>
                      </a>
                      <ul style="padding-left: 0">
                        <li class=""><a href="" style="font-size: 2px">拍断男友三根肋骨,这是什么“温柔”女友</a></li>
                        <li class="twoli "><a href="" style="font-size: 2px">宅男福音，可以光明正大的舔屏了！</a></li>
                      </ul>
                    </div>
                  </li>


                  <li class="cell cell_caozhi">
                    <p class="tag_line">
                      <span class="tags tag_caozhi">槽值</span>
                    </p>
                    <div class="column_main">
                      <a href="" class="detail" ne-role="detail">
                        <h3>
                          开播9.7，B站最“俗”国综回归了
                        </h3>
                        <div class="photo">
                          <img ne-lazy="loaded:true;effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1222/1b5179a0p00r4ia1g0041c000go005kc.png?imageView&amp;thumbnail=200y90" width="200" height="90" alt="开播9.7，B站最“俗”国综回归了" src="https://cms-bucket.ws.126.net/2021/1222/1b5179a0p00r4ia1g0041c000go005kc.png?imageView&amp;thumbnail=200y90&amp;type=webp" style="display: inline; opacity: 1;">
                        </div>
                      </a>
                      <ul style="padding-left: 0">
                        <li class=""><a href="" style="font-size: 2px">不吹不黑，这就是今年的港片No.1</a></li>
                        <li class="twoli "><a style="font-size: 2px" href="">谢天谢地，她终于不靠搞笑出圈了</a></li>
                      </ul>
                    </div>
                  </li>


                  <li class="cell cell_tanxinshe">
                    <p class="tag_line">
                      <span class="tags tag_tanxinshe">谈心社</span>
                    </p>
                    <div class="column_main">
                      <a href="https://www.163.com/news/article/GRR6ILNC0001982T.html" class="detail" ne-role="detail">
                        <h3>
                          一个女生去世前的24小时，发生了什么？
                        </h3>
                        <div class="photo">
                          <img ne-lazy="loaded:true;effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1222/9cfb68c6p00r4ibim001mc000go005kc.png?imageView&amp;thumbnail=200y90" width="200" height="90" alt="一个女生去世前的24小时，发生了什么？" src="https://cms-bucket.ws.126.net/2021/1222/9cfb68c6p00r4ibim001mc000go005kc.png?imageView&amp;thumbnail=200y90&amp;type=webp" style="display: inline; opacity: 1;">
                        </div>
                      </a>
                      <ul style="padding-left: 0">
                        <li class=""><a href="" style="font-size: 2px">“村民”李亚鹏，你可能从未看懂他</a></li>
                        <li class="twoli "><a style="font-size: 2px" href="">史策：走向“腰部演员”的第五年</a></li>
                      </ul>
                    </div>
                  </li>
                  <li class="cell cell_stpwd">
                    <p class="tag_line">
                      <a href="https://jiankang.163.com/special/zhutierji/?type=3" class="tags tag_stpwd">身体密码</a>
                    </p>
                    <div class="column_main">
                      <a href="https://jiankang.163.com/21/1223/18/GRU1DSBR00388AD5.html" class="detail" ne-role="detail">
                        <h3>
                          我宣布，无痛胃肠镜是人类之光
                        </h3>
                        <div class="photo">
                          <img ne-lazy="loaded:true;effect:fadeIn;slideIndex:0;" data-original="https://cms-bucket.ws.126.net/2021/1223/b559ec4ej00r4kdni001wc0005k002ic.jpg?imageView&amp;thumbnail=200y90" width="200" height="90" alt="我宣布，无痛胃肠镜是人类之光" src="https://cms-bucket.ws.126.net/2021/1223/b559ec4ej00r4kdni001wc0005k002ic.jpg?imageView&amp;thumbnail=200y90&amp;type=webp" style="display: inline; opacity: 1;">
                        </div>
                      </a>
                      <ul style="padding-left: 0">
                        <li class=""><a href="" style="font-size: 2px">1米78还说矮 他在“凡尔赛”？</a></li>
                        <li class="twoli "><a style="font-size: 2px" href="https://jiankang.163.com/21/1201/13/GQ4S8RPN00388AD5.html">“我为什么会感染艾滋病？”</a></li>
                      </ul>
                    </div>
                  </li>

                </ul>
              </div>
              <div id="js_baseline"></div>
              <span class="white_bg" id="js_white_bg"></span>
              <div class="ne-scrl-bd">        <div class="ne-scrl-ct" style="height: 1041px; display: none;">          <a class="ne-scrl-btn" hidefocus="true" style="height: 80px; top: 0px;">            <b class="ne-scrl-btn-start"></b><b class="ne-scrl-btn-end"></b><span class="ne-scrl-btn-bd"><span></span></span>          </a>        </div>      </div></div>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
    export default {
        name: "Left"
    }
</script>

<style scoped>


  .main_origina_column {
    float: left;
    display: inline;
    margin-right: 50px;
    width: 200px;
    min-height: 100px;
  }
  h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
  }

  .origina_column_warp h2 {
    font-size: 16px;
    color: #404040;
    line-height: 16px;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px #eeeeee solid;
  }

  .origina_column_warp h2 span {
    border-left: 3px #f34540 solid;
    padding-left: 10px;
  }

  .ne-scrl-y {
    position: relative;
  }
  .ne-scrl-wrap {
    margin: 0;
    overflow: visible;
  }

  element.style {
    overflow: hidden;
    height: auto;
  }
  .origina_column_warp .scroll_column_bd {
    width: 200px;
    position: relative;
  }

  .origina_column_warp .scroll_ul {
    padding-bottom: 100px;
  }

  ol, ul {
    list-style: none;
  }

  li {
    list-style: none;
  }

  .origina_column_warp .cell {
    border-bottom: 1px #eeeeee solid;
    padding-top: 25px;
    padding-bottom: 20px;
  }


  element.style {
  }
  .origina_column_warp .cell .tag_line {
    text-align: center;
  }
  blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
  }
  .origina_column_warp .cell .tag_line {
    text-align: center;
  }
  .origina_column_warp .cell h3 {
    font-size: 16px;
    margin: 10px 0px 5px 0px;
  }
  h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
  }
  a {
    text-decoration: none;
  }
  a {
    color: #404040;
  }
  :link img, :visited img, a img, fieldset, img {
    border: 0;
  }

  img[Attributes Style] {
    width: 200px;
    aspect-ratio: auto 200 / 90;
    height: 90px;
  }

  .origina_column_warp .cell ul {
    margin-top: 5px;
  }
  ol, ul {
    list-style: none;
  }

  ul ul {
    list-style-type: circle;
    margin-block-start: 0px;
    margin-block-end: 0px;
  }

  .origina_column_warp .cell ul li {
    font-family: "\5B8B\4F53", "å®‹ä½“", Arial, sans-serif;
    position: relative;
    padding-left: 10px;
    line-height: 23px;
    height: 23px;
    overflow: hidden;
  }

  li {
    list-style: none;
  }


  .origina_column_warp .cell ul a {
    color: #888888;
  }
  .origina_column_warp .cell ul li:after {
    content: "";
    background: #888888;
    width: 2px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
  }
  li {
    display: list-item;
    text-align: -webkit-match-parent;
  }

  ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
  }
  p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

  .origina_column_warp .cell .tag_line {
    text-align: center;
  }
  li {
    display: list-item;
    text-align: -webkit-match-parent;
  }


</style>
